<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_resizePic.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	获取指定区域的IMG元素，通过算法计算出新的图片大小，具体算法看源代码
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>maxWidth</td>
            <td>限制宽度,默认200px</td>
        </tr>
        <tr>
        	<td>maxHeight</td>
            <td>限制高度,默认300px</td>
        </tr>
        <tr>
        	<td>effect</td>
            <td>缩放方式,默认basic (basic-常规缩放 proportion-等比例缩放)</td>
        </tr>
        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_resizePic.js文件</p>
                            	<div class="pt15"><strong>效果一:常规缩放</strong></div>
                                <p>js</p>
                                <pre>$("#demo1").lin_resizePic();</pre>
             <div class="blank10"></div>
              <div id="demo1">
    			<img src="__PUBLIC__/images/jquery/images/2.jpg" />
    			<img src="__PUBLIC__/images/jquery/images/3.jpg" />
    			<img src="__PUBLIC__/images/jquery/images/4.jpg" />
 			 </div>
			<div class="pt15"><strong>效果二:等比例缩放</strong></div>
                                <p>js</p>
                                <pre>$("#demo2").lin_resizePic({effect:"proportion"});</pre>
             <div class="blank10"></div>
              <div id="demo2">
              	<img src="__PUBLIC__/images/jquery/images/1.jpg" />
    			<img src="__PUBLIC__/images/jquery/images/2.jpg" />
    			<img src="__PUBLIC__/images/jquery/images/3.jpg" />
    			<img src="__PUBLIC__/images/jquery/images/4.jpg" />
 			 </div>             
                            	                             
                                
                            </div>  

                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/PAIwWr" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
	 	$("#demo1").lin_resizePic();
		$("#demo2").lin_resizePic({effect:"proportion"});
	});
 </script>   
